/* default */
@font-face {font-family: 'iconfont';
    src: url('../icon/iconfont.eot'); /* IE9*/
    src: url('../icon/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../icon/iconfont.woff') format('woff'), /* chrome、firefox */
    url('../icon/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('../icon/iconfont.svg#uxiconfont') format('svg'); /* iOS 4.1- */
}
.iconfont{
    font-family:"iconfont" !important;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}
html{-webkit-text-size-adjust:none;-ms-text-size-adjust:none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0)}
html,button,input,select,textarea{font-family:Arial, Microsoft Yahei, "微软雅黑", sans-serif;color:#434343}
body{margin:0;}
section{display:block;}
ul, li{list-style:none; margin:0px; padding:0px;}
a{color:#363636;font-weight:lighter;outline:none !important}
/*a:hover{color:#e20821}*/
a:link{text-decoration:none}
a:focus{outline:thin dotted}
a:active,a:hover{outline:0;text-decoration:none}
.rightline{
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #ccc;
}
.rightline_w{
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #fff;
}
.bottomline{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
}
.bottomline_w{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #fff;
}
.mt10{margin-top: 0.6rem;}
.mt20{margin-top: 1.2rem;}
.mt60{margin-top: 3.75rem;}
.mb10{margin-bottom: 0.6rem;}
.mr10{margin-right: 0.6rem;}
.mr15{margin-right: 1.6rem;}
.mr20{margin-right: 1.2rem;}
.mr30{margin-right: 1.8rem;}
.ml30{margin-left: 1.8rem;}
.ml10{margin-left: 0.6rem;}
.lh3{line-height: 3.75rem;}
.lh4{line-height: 2.5rem;}
.lh120{line-height: 7.5rem;}
.mtb{
    margin-top: 0.75rem;
	margin-bottom: 0.75rem;
}
.ptb2{
    padding-top: 1.3rem;
	padding-bottom: 0;
}
.h120{
	height: 7.5rem;
}
.h100{
	height: 6.25rem;
}
.h80{
	height: 5rem;
	line-height: 5rem;
}
.h60{
	height: 3.75rem;
}
.left{float: left;}
.right{float: right;}
.orange{color: #f2b385;}
.bluegray{color: #29a3cc;}
.blue{color: #167dfd;}
.white{color: #fff;}
.green{color: #96cc70;}

.button{
	-webkit-border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
	border-radius: 0.5rem;
	background-color: #96cc70;
	border: solid 1px #698e4e;
	background-image: -webkit-linear-gradient(bottom, #83b262, #96cc70);
	background-image: -moz-linear-gradient(bottom, #83b262, #96cc70);
	background-image: -o-linear-gradient(bottom, #83b262, #96cc70);
	background-image: -ms-linear-gradient(bottom, #83b262, #96cc70);
	background-image: linear-gradient(to top, #83b262, #96cc70);
	color: #fff;
	font-size: 1.6rem;
	text-align: center;
}
.button_d{
	-webkit-border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
	border-radius: 0.5rem;
	background-color: #96cc70;
	border: solid 1px #698e4e;
	-webkit-box-shadow: inset 1px 2px 8px rgba(0,0,0,.33);
	-moz-box-shadow: inset 1px 2px 8px rgba(0,0,0,.33);
	box-shadow: inset 1px 2px 8px rgba(0,0,0,.33);
	color: #fff;
	font-size: 1.6rem;
	text-align: center;
}
.button_g{
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */  
    filter: gray; /* IE6-9 */  
    -webkit-filter: grayscale(100%);
}
input{
	border: 0;
	font-size: 1.8rem;
	color:#999;
}
textarea{
	border: 0;
	font-size: 1.8rem;
	color:#333;
}
.graybg{background-color: #f1f1f1;}
.whitebg{background-color: #fff;}
.z1{z-index: 98; position: relative;}
.greenline{
	border: 1px solid #698E4E;
}
.w45{width: 48%;}
.w160{width: 10rem;}
.listfouce{background-color: #FFD3B3;}

/* Wrap */
#wrap{position:relative;max-width:37.5rem;margin:0 auto;}

.titlebar{
	background-color: #96cc70;
	line-height: 2.5rem;
	color: #fff;
	padding-right: 1.8rem;
	padding-left: 1.8rem;
	font-size: 1.3rem;
	overflow: hidden;
}
.subtitle{
	background-color: #e9e9e9;
	line-height: 2.5rem;
	color: #757575;
	padding-right: 1.8rem;
	padding-left: 1.8rem;
	font-size: 1.3rem;
	overflow: hidden;
}
.citylist{
	overflow:hidden;
	margin-top: 0px;
	margin-bottom: 0px;
}
.listitem{
	margin-left: 1.8rem;
	padding-right: 1.8rem;
	overflow:hidden;
	position: relative;
}
.listitem li{
	font-size: 1.8rem;
	text-indent: 0.5rem;
	overflow: hidden;
}
.cityname{
	float: left;
	width: 24.5%;
}
.inputone{
	width: 100%;
	height: 3.75rem;
}
.itemico{
	float: left;
	color: #f2b385;
	font-size: 2.5rem;
	margin-right: 0.6rem;
}
.itemico_g{
	float: left;
	color: #c1c1c1;
	font-size: 2.5rem;
	margin-right: 0.6rem;
}
.itemcon, .itemcon_h, .itemcon_g{
	float: left;
	overflow: hidden;
}
.itemcon a{ color:#999; text-decoration:none;}
.itemcon a:hover{ color:#999; text-decoration:none;}
.itemcon_h a{ color:#333; text-decoration:none;}
.itemcon_h a:hover{ color:#333; text-decoration:none;}
.itemcon_g a{ color:#c1c1c1; text-decoration:none;}
.itemcon_g a:hover{ color:#c1c1c1; text-decoration:none;}
.itemarrow{
	float: right;
	font-size: 2.18rem;
	color: #ccc;
	text-align: right;
}
.sort{
	height: 3.75rem;
	width: 17%;
}
.bigbtn{
	height: 3.75rem;
	width: 100%;
	overflow: visible;
}
.tabarea{
    background-color: #96cc70;
	padding-left: 1.8rem;
	padding-right: 1.8rem;
	padding-top: 0.43rem;
	padding-bottom: 0.43rem;
	overflow: hidden;
}
.tabbg{
    background-color: #698e4e;
	width: 100%;
	-webkit-border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
	border-radius: 0.5rem;
	padding: 0.25rem;
	overflow: hidden;
}
.tabbtn, .tabbtn_h{
	text-align: center;
	float: left;
	line-height: 3.8rem;
	width: 50%;
	font-size: 1.8rem;
}
.tabbtn_h{
    -webkit-border-radius: 0.43rem;
	-moz-border-radius: 0.43rem;
	border-radius: 0.43rem;
	background-color: #96cc70;
}
.tabbtn a{ color:#96cc70; text-decoration:none; display:block;}
.tabbtn a:hover{ color:#96cc70; text-decoration:none; display:block;}
.tabbtn_h a{ color:#fff; text-decoration:none; display:block;}
.tabbtn_h a:hover{ color:#fff; text-decoration:none; display:block;}
.tripuser{
	float: left;
	margin-top: 1.25rem;
	margin-bottom: 1.25rem;
	width: 5rem;
	height: 5rem;
	margin-left: 1.8rem;
	margin-right: 0.5rem;
}
.triptitle{font-size: 1.8rem;}
.tripinfo{
	position: absolute;
	top: 2.4rem;
	width: 100%;
}
.peoplenumber, .status_green, .status_blue, .status_gray, .username{font-size: 1.5rem; line-height: 1.5rem;}
.peoplenumber{
	float: left;
	color: #999;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}
.status_green, .status_blue, .status_gray{
	float: right;
	-webkit-border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
	border-radius: 0.5rem;
	color: #fff;
	padding: 0.5rem;
	margin-right: 1.8rem;
	text-align: center;
}
.username{
	float: left;
	color: #fff;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}
.status_green{
	background-color: #a0d977;
}
.status_blue{
	background-color: #29a3cc;
}
.status_gray{
	background-color: #999999;
}
.seracharea{
	background-color: #fff;
	-webkit-box-shadow: 0 0.12rem 0.31rem rgba(0,0,0,.2);
	-moz-box-shadow: 0 0.12rem 0.31rem rgba(0,0,0,.2);
	box-shadow: 0 0.12rem 0.31rem rgba(0,0,0,.2);
	height: 6.4rem;
	overflow: hidden;
	z-index: 99;
	padding: 1.8rem;
	position: relative;
}
.searchbg{
    -webkit-border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
	border-radius: 0.5rem;
	border: solid 2px #E3E4E6;
	padding: 0.37rem;
	overflow: hidden;
	height: 5rem;	
}
.dect{
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #E3E4E6;
	font-size: 1.5rem;
	margin-right: 2%;
	padding-right: 2%;
	height: 5rem;
	line-height: 5rem;
	overflow: hidden;
}
.searchbtn{
	height: 5rem;
	width: 100%;
	overflow: visible;
}
.searchinput{
	width: 100%;
	height: 5rem;
}
.searchform{width: 50%;}
.btn{width: 20%;}
.detailtitlebar{
	background-color: #96cc70;
	color: #fff;
}
.userinfo{
	position: absolute;
	top: -0.3rem;
	width: 100%;
}
.d_triptitle{
	font-size: 1.8rem;
	position: absolute;
	top: 4rem;
	width: 100%;
}
.infoname{
	position: absolute;
	top: -0.6rem;
	width: 100%;
}
.infocon{
	font-size: 1.8rem;
	position: absolute;
	top: 4.2rem;
	width: 100%;
}
.smallbtn{
	height: 3.75rem;
	width: 48%;
	overflow: visible;
}
.itemico_wechat{
	float: right;
	color: #ccc;
	text-align: right;
}
.icosize60{
	height: 3.75rem;
	width: 3.75rem;
	margin-top: 0;
	margin-bottom: 0;
}
.subbtn{
	height: 2.5rem;
	width: 7.5rem;
	overflow: visible;
}
.bottombtnarea{
	background-color: #fff;
	-webkit-box-shadow: 0.12rem 0 0.31rem rgba(0,0,0,.2);
	-moz-box-shadow: 0.12rem 0 0.31rem rgba(0,0,0,.2);
	box-shadow: 0.12rem 0 0.31rem rgba(0,0,0,.2);
	height: 3.75rem;
	overflow: hidden;
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
	position: relative;
	position:fixed;
	bottom: 0px;
	z-index: 99;
	width: 100%;
}
.btnico{
	font-size: 1.8rem;
}
.usergroup{
	float: left;
	width: 5rem;
	overflow: hidden;
}
.picsize{
	height: 5rem;
	width: 5rem;
	overflow: hidden;
	position: relative;
}
.name{
	font-size: 1.25rem;
	text-align: center;
	line-height: 2.5rem;
}
.black_bg{
	overflow: hidden;
	width: 100%;
	height: 100%;
	z-index: 999;
	background:rgba(0,0,0,.7);
	position: absolute;
	top: 0;
	left: 0;
}
.popup_img{
	margin-left: 1.8rem;
	margin-right: 1.8rem;
	margin-top: 1.8rem;
}
.delbtn{
    z-index: 9;
	position: absolute;
	left: 0;
	top: 0;
	width: 1.8rem;
	height: 1.8rem;
}
.navi_titlebar{
	background-color: #96cc70;
	line-height: 2.5rem;
	color: #fff;
	padding-right: 1.8rem;
	padding-left: 1.8rem;
	font-size: 1.3rem;
}
.dropbtn{
	width: 8rem;
	height: 1.8rem;
	line-height: 1.8rem;
	-webkit-border-radius: 0 0 0.5rem 0.5rem;
	-moz-border-radius: 0 0 0.5rem 0.5rem;
	border-radius: 0 0 0.5rem 0.5rem;
	background-color: #96cc70;
	text-align: center;
	color: #698e4e;
	margin-left: auto;
	margin-right: auto;
	font-size: 1.2rem;
}
.navibottomarea{
	height: 12rem;
	overflow: hidden;
	padding-bottom: 1.8rem;
	position: fixed;
	bottom: 0px;
	z-index: 99;
	width: 100%;
}
.mebtn{
	width: 3.75rem;
	height: 3.75rem;
	-webkit-border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
	border-radius: 0.5rem;
	background-color: #fff;
	font-size: 2.5rem;
	-webkit-box-shadow: 0 0 0.5rem rgba(0,0,0,.4);
	-moz-box-shadow: 0 0 0.5rem rgba(0,0,0,.4);
	box-shadow: 0 0 0.5rem rgba(0,0,0,.4);
	line-height: 3.75rem;
	text-align: center;
	margin-left: 1.8rem;
}
.toolbtnarea{
	-webkit-border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
	border-radius: 0.5rem;
	background-color: #fff;
	-webkit-box-shadow: 0 0 0.5rem rgba(0,0,0,.4);
	-moz-box-shadow: 0 0 0.5rem rgba(0,0,0,.4);
	box-shadow: 0 0 0.5rem rgba(0,0,0,.4);
	margin-top: 1.8rem;
	margin-left: 1.8rem;
	margin-right: 1.8rem;
	padding: 0.37rem;
	overflow: hidden;
}
.btnthreearea{
	width: 31%;
	float: left;
	height: 5.25rem;
	overflow: hidden;
	padding-left: 1%;
	padding-right: 1%;
	position: relative;
}
.btnfourarea{
	width: 22.777%;
	float: left;
	height: 5.25rem;
	overflow: hidden;
	padding-left: 1%;
	padding-right: 1%;
	position: relative;
}
.btnthree{
	width: 100%;
	height: 100%;
	background-color: #FFF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-size: 1.8rem;
}
.record{
	-webkit-border-radius: 0.4rem;
	-moz-border-radius: 0.4rem;
	border-radius: 0.4rem;
	background-color: #96cc70;
	color: #fff;
}
.tripuser_navi{
	float: left;
	margin-top: 1.25rem;
	margin-bottom: 1.25rem;
	width: 5rem;
	height: 5rem;
	margin-right: 0.5rem;
}
.listitem_navi{
	overflow:hidden;
	position: relative;
}
.listitem_navi li{
	font-size: 1.8rem;
	text-indent: 0.5rem;
	overflow: hidden;
}
.time_navi{
	overflow: hidden;
	padding-top: 0.6rem;
	padding-bottom: 0.6rem;
}
.navibottompopup{
	height: 29rem;
	overflow: hidden;
	position: fixed;
	bottom: 0px;
	z-index: 99;
	width: 100%;
	background-color: #fff;
	-webkit-box-shadow: 0.12rem 0 0.31rem rgba(0,0,0,.2);
	-moz-box-shadow: 0.12rem 0 0.31rem rgba(0,0,0,.2);
	box-shadow: 0.12rem 0 0.31rem rgba(0,0,0,.2);
}
.closebtn{
	height: 2.5rem;
	width: 2.5rem;
	font-size: 1.4rem;
}
.popuplist{
    overflow: scroll;
	height: 26rem;
	width: 100%;
}
.user_group{
	padding-top: 1.25rem;
	padding-bottom: 1.25rem;
	overflow: hidden;
}
.message{
	width: 13rem;
	height: 4rem;
	overflow: hidden;
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
	position: relative;
}
.message_green{
	width: 80%;
	height: 100%;
	background-color: #96CC70;
	-webkit-border-radius: 0.4rem;
	-moz-border-radius: 0.4rem;
	border-radius: 0.4rem;
	float: left;
	padding-left: 5%;
	padding-right: 5%;
	line-height: 3.8rem;
	font-size: 1.8rem;
	color: #fff;
}
.message_gray{
	width: 80%;
	height: 100%;
	background-color: #f1f1f1;
	-webkit-border-radius: 0.4rem;
	-moz-border-radius: 0.4rem;
	border-radius: 0.4rem;
	float: left;
	padding-left: 5%;
	padding-right: 5%;
	line-height: 3.8rem;
	font-size: 1.8rem;
	color: #333;
}
.messageuser{
	width: 5rem;
	height: 5rem;
}
.dot{
	width: 1rem;
	height: 1rem;
	-webkit-border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
	border-radius: 0.5rem;
    background-color: #ff2727;
	top:0;
	right: 0;
	position: absolute;
	z-index: 99;
}
.arrow_message{
	line-height: 4rem;
}
.message_time{
	line-height: 4rem;
	color: #999;
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
	font-size: 1.5rem;
}
.w_popup{
	-webkit-border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
	border-radius: 0.5rem;
	background-color: #fff;
	-webkit-box-shadow: 0 0 0.5rem rgba(0,0,0,.4);
	-moz-box-shadow: 0 0 0.5rem rgba(0,0,0,.4);
	box-shadow: 0 0 0.5rem rgba(0,0,0,.4);
	height: 10rem;
	line-height: 10rem;
	width: 60%;
	text-align: center;
	font-size: 1.8rem;
	margin-top: 30%;
	margin-left: auto;
	margin-right: auto;
}
.navibottompopup_car{
	height: 18rem;
	overflow: hidden;
	position: fixed;
	bottom: 0px;
	z-index: 99;
	width: 100%;
	background-color: #fff;
	-webkit-box-shadow: 0.12rem 0 0.31rem rgba(0,0,0,.2);
	-moz-box-shadow: 0.12rem 0 0.31rem rgba(0,0,0,.2);
	box-shadow: 0.12rem 0 0.31rem rgba(0,0,0,.2);
}
.popuplist{
    overflow: scroll;
	height: 26rem;
	width: 100%;
}
.blueicon{
    -webkit-border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
	border-radius: 0.5rem;
	background-color: #29a3cc;
	width: 3.75rem;
	height: 3.75rem;
	font-size: 1.8rem;
	line-height: 3.75rem;
	text-align: center;
	color: #fff;
	margin-left: 1.8rem;
	float: left;
	margin-top: 0.6rem;
	margin-right: 0.6rem;
}
.navibottompopup_more{
	height: 14rem;
	overflow: hidden;
	position: fixed;
	bottom: 0px;
	z-index: 99;
	width: 100%;
	background-color: #fff;
	-webkit-box-shadow: 0.12rem 0 0.31rem rgba(0,0,0,.2);
	-moz-box-shadow: 0.12rem 0 0.31rem rgba(0,0,0,.2);
	box-shadow: 0.12rem 0 0.31rem rgba(0,0,0,.2);
}
.message_info{
	margin-left: 1.8rem;
	margin-right: 1.8rem;
	line-height: 5rem;
	font-size: 1.7rem;
	color: #999;
}
.message_form{
   -webkit-border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
	border-radius: 0.5rem;
	margin-left: 1.8rem;
	margin-right: 1.8rem;
	background-color: #fff;
	height: 25rem;
	padding: 0.6rem;
}
.inputmore{
	width: 100%;
}
.itembtn{
	float: right;
}
.viewbtn{
	width: 7rem;
	height: 2.5rem;
}
.message{
	font-size: 1.7rem;
	line-height: 2.5rem;
	padding-top: 0.6rem;
	padding-bottom: 0.6rem;
	width: 100%;
}
.steparea{
	position: relative;
	margin-left: 3rem;
	margin-right: 3rem;
	margin-top: 3.75rem;
	overflow: hidden;
	height: 29rem;
	width: 100%;
}
.stepline{
	width: 0.4rem;
	background-color: #E0E0E0;
	z-index: -999;
	height: 100%;
	margin-left: 1.6rem;
	position: relative;
}
.stepline_blue{
	background-color: #29A3CC;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9;
}
.itemone{
	position: absolute;
	z-index: 99;
	top: 0;
	left: 0;
	overflow: hidden;
}
.itemcenter{
	position: relative;
	z-index: 99;
	top: 43%;
	left: 0.6rem;
	overflow: hidden;
}
.itembottom{
	position: absolute;
	z-index: 99;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
.userico{
	width: 3.75rem;
	height: 3.75rem;
	text-align: center;
	line-height: 3.75rem;
	font-size: 2.5rem;
	color: #fff;
	background-color: #29A3CC;
	-webkit-border-radius: 1.8rem;
	-moz-border-radius: 1.8rem;
	border-radius: 1.8rem;
	float: left;
}
.userico40{
	width: 2.5rem;
	height: 2.5rem;
	text-align: center;
	line-height: 2.5rem;
	font-size: 1.8rem;
	color: #fff;
	background-color: #29A3CC;
	-webkit-border-radius: 1.25rem;
	-moz-border-radius: 1.25rem;
	border-radius: 1.25rem;
	float: left;
	margin-top: 0.6rem;
}
.userico40_orange{
	width: 2.5rem;
	height: 2.5rem;
	text-align: center;
	line-height: 2.5rem;
	font-size: 1.8rem;
	color: #fff;
	background-color: #F2B385;
	-webkit-border-radius: 1.25rem;
	-moz-border-radius: 1.25rem;
	border-radius: 1.25rem;
	float: left;
	margin-top: 0.6rem;
}
.userico_gray{
	width: 3.75rem;
	height: 3.75rem;
	text-align: center;
	line-height: 3.75rem;
	font-size: 2.5rem;
	color: #333;
	background-color: #E0E0E0;
	-webkit-border-radius: 1.8rem;
	-moz-border-radius: 1.8rem;
	border-radius: 1.8rem;
	float: left;
}
.textarea{
	float: left;
	line-height: 3.75rem;
	margin-left: 1.2rem;
	font-size: 1.7rem;
}
.datename{
	color: #999;
	margin-top: 0.8rem;
	font-size: 1.5rem;
	text-indent: 0.5rem;
	overflow: hidden;
	line-height: 2.8rem;
	width: 100%;
	height: 2.8rem;
}
.datenumber{
	font-size: 1.8rem;
	width: 100%;
	text-indent: 0.5rem;
	overflow: hidden;
	line-height: 2.8rem;
	height: 2.8rem;
}